<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="../../../app/assets/css/robotUI.css">

    <link rel="stylesheet" type="text/css" href="../../../app/assets/css/main.css">

</head>
<body>
<!-- 头部 -->
<div class="header">
    <div class="rob-container">
        <div class="qb-header-g qb-header-g__bg">
            <a class="qb-header-g__logo qb-header-g qb-header-g__bg" href="">
                <img src="../../../app/assets/images/logo.png">
            </a>
            <ul class="qb-header-g--navbar-right hiden">
                <li><a href=""><i class="qb-head-icon-g qb-icon-user"></i>
                    <div class="popover qb-popover-g">
                        <div class="arrow"></div>
                        <p class="popover-title popover-name">阿超</p>
                        <p class="popover-title">上次登录时间</p>
                        <p class="popover-title">2016-09-27 18:00</p>
                        <div class="popover-content">
                            <button class="rob-btn rob-btn-danger rob-btn-circle qb-popover-g__pd20">体现</button>

                        </div>
                    </div>

                </a></li>
                <li><a href=""><i class="qb-head-icon-g qb-icon-bell"></i><span class="qb-news-g qb-news-g__absol1"></span></a></li>
                <li><a href=""><i class="qb-head-icon-g qb-icon-quit"></i></a></li>
            </ul>
        </div>
    </div>
</div>
<!-- 注册 -->
<div class="qb-jumbotron-g">
    <div class="rob-container qb-container-g">
        <div class="rob-step-scrollm qb-container-g__pdt62">
            <div class="rob-step-scroll">
                <div class="rob-steps rob-is-horizontal" style="margin: 0 auto;margin-right: 0">
                    <div class="rob-step rob-is-horizontal qb-step-success-g" style="width: 33%;">
                        <div class="rob-step-head rob-is-process rob-is-text ">
                            <div class="rob-step-line rob-is-horizontal" style="margin-right: 0px;">
                                <i class="rob-step-line-inner"></i>
                            </div>
                            <span class="qb-icon-OK">
                                <div></div>
                                </span>
                        </div>
                        <div class="rob-step-main"
                             style="margin-left: -25%;width: 50%;text-align: center;padding-right: 0; position: relative;left: 20px;">
                            <div class="rob-step-title rob-is-process">基本资料22</div>
                        </div>
                    </div>
                    <div class="rob-step rob-is-horizontal " style="width: 33%;">
                        <div class="rob-step-head rob-is-wait rob-is-text">
                            <div class="rob-step-line rob-is-horizontal" style="margin-right: 0px;">
                                <i class="rob-step-line-inner"></i>
                            </div>
                            <!--图标-->
                            <!--<span class="qb-icon-OK">-->
                            <!--</span>-->
                            <span>2</span>
                        </div>
                        <div class="rob-step-main"
                             style="margin-left: -25%;width: 50%;text-align: center;position: relative;left: 15px;padding-right: 0;">
                            <div class="rob-step-title rob-is-process">系统管理员信息</div>
                        </div>
                    </div>
                    <div class="rob-step rob-is-horizontal " style="width: 33%;">
                        <div class="rob-step-head rob-is-wait rob-is-text">
                            <div class="rob-step-line rob-is-horizontal"><i class="rob-step-line-inner"></i></div>
                            <!--图标-->
                            <!--<span class="qb-icon-OK"></span>-->
                            <span>3</span>
                        </div>
                        <div class="rob-step-main">
                            <div class="rob-step-title rob-is-wait">附件资料</div>
                        </div>
                    </div>
                    <div class="rob-step rob-is-horizontal " style="width: 0%;">
                        <div class="rob-step-head rob-is-wait rob-is-text">
                            <div class="rob-step-line rob-is-horizontal"><i class="rob-step-line-inner"></i></div>
                            <!--图标-->
                            <!--<span class="qb-icon-OK"></span>-->
                            <span>4</span>
                        </div>
                        <div class="rob-step-main"
                             style="margin-left: -25%;width: 50%;text-align: center;position: relative;left: 20px;padding-right: 0;">
                            <div class="rob-step-title rob-is-wait qb-jumbotron-g--transform">注册完成</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

</div>
<div class="rob-container lightGallery">
    <div class="text-right qb-container-g qb-red-g__line"> 已有账号？<a href="" class="qb-red-g qb__line">去登录</a></div>
    <form class="rob-form qb-form-g__form qb-mg-bt70-g">
        <!-- 必填输入框 -->

        <div class="qb-form-pd-g__xs-label pd-form-60">
            <p class="qb-picture-g">
                <span class="qb-red-g">*</span>以上都是必填，请确保上传的照片字迹清晰可见，支持png、jpg、jpeg格式，大小不超过5MB</p>
            <div class="qb-container-g">
                <div class="rob-row">
                    <div class="rob-col-md-16 rob-col-sm-16 rob-col-xs-24">

                        <div class="rob-row rob-form-group">
                            <div class="rob-col-md-10 rob-col-sm-10 rol-col-xs-24">
                                <label class="rob-input-label">开户许可证：
                                </label>
                            </div>
                            <div class="rob-col-md-14 rob-col-sm-14 rol-col-xs-24 text-left">
                                <div class="rob-upload qb-container-g__upload">
                                    <div class="rob-upload-card ">
                                        <img src="../../../assets/images/bg_login.jpg" class="qb-up_img-g"/>
                                        <span class="qb-up_img-g__titile">重新上传</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="rob-row rob-form-group">
                            <div class="rob-col-md-10 rob-col-sm-10 rol-col-xs-24">
                                <label class="rob-input-label">系统管理员1身份证照片：
                                </label>
                            </div>
                            <div class="rob-col-md-14 rob-col-sm-14 rol-col-xs-24">
                                <div class="rob-upload qb-container-g__upload">
                                    <div class="rob-upload-card ">
                                       <img src="../../../assets/images/home_bg.jpg" class="qb-up_img-g" alt="">
                                        <span class="qb-up_img-g__titile">重新上传</span>
                                    </div>
                                    <lable class="rob-fileimgtext text-center">
                                        身份证正面
                                    </lable>
                                </div>

                                <div class="rob-upload qb-container-g__upload">
                                    <div class="rob-upload-card ">
                                        <img src="../../../assets/images/qbicon.png" class="qb-up_img-g" alt="">
                                        <span class="qb-up_img-g__titile">重新上传</span>
                                    </div>
                                    <lable class="rob-fileimgtext text-center">
                                        身份证反面
                                    </lable>
                                </div>
                            </div>
                        </div>
                        <div class="rob-row rob-form-group">
                            <div class="rob-col-md-10 rob-col-sm-10 rol-col-xs-24">
                                <label class="rob-input-label">系统管理员1身份证照片：
                                </label>
                            </div>
                            <div class="rob-col-md-14 rob-col-sm-14 rol-col-xs-24">
                                <div class="rob-upload qb-container-g__upload">
                                    <div class="rob-upload-card ">
                                        <i class="rob-icon-delete rob-upload-close"></i>
                                        <div class="rob-upload-card-type rob-upload-add">
                                            <i class="rob-icon-plus"></i>
                                            <input class="file" type="file" name="">
                                            <img src="" class="fileimg">
                                        </div>

                                    </div>
                                    <lable class="rob-fileimgtext text-center">
                                        身份证正面
                                    </lable>
                                </div>

                                <div class="rob-upload qb-container-g__upload">
                                    <div class="rob-upload-card ">
                                        <i class="rob-icon-delete rob-upload-close"></i>
                                        <div class="rob-upload-card-type rob-upload-add">
                                            <i class="rob-icon-plus"></i>
                                            <input class="file" type="file" name="">
                                            <img src="" class="fileimg">
                                        </div>

                                    </div>
                                    <lable class="rob-fileimgtext text-center">
                                        身份证反面
                                    </lable>
                                </div>
                            </div>
                        </div>
                        <div class="rob-row rob-form-group">
                            <div class="rob-col-md-10 rob-col-sm-10 rob-col-xs-24">
                                <label class="rob-input-label">系统管理员2身份证照片：
                                </label>
                            </div>
                            <div class="rob-col-md-14 rob-col-sm-14 rob-col-xs-24">
                                <div class="rob-upload qb-container-g__upload">
                                    <div class="rob-upload-card ">
                                        <i class="rob-icon-delete rob-upload-close"></i>
                                        <div class="rob-upload-card-type rob-upload-add">
                                            <i class="rob-icon-plus"></i>
                                            <input class="file" type="file" name="">
                                            <img src="" class="fileimg">
                                        </div>

                                    </div>
                                    <lable class="rob-fileimgtext text-center">
                                        身份证正面
                                    </lable>
                                </div>

                                <div class="rob-upload qb-container-g__upload">
                                    <div class="rob-upload-card ">
                                        <i class="rob-icon-delete rob-upload-close"></i>
                                        <div class="rob-upload-card-type rob-upload-add">
                                            <i class="rob-icon-plus"></i>
                                            <input class="file" type="file" name="">
                                            <img src="" class="fileimg">
                                        </div>

                                    </div>
                                    <lable class="rob-fileimgtext text-center">
                                        身份证反面
                                    </lable>
                                </div>
                            </div>
                        </div>
                        <div class="rob-row rob-form-group group-has-button">
                            <div class="rob-col-md-10 rob-col-sm-10 rob-col-xs-24">
                                <label class="rob-input-label mt0">附件资料：
                                </label>
                            </div>
                            <div class="rob-col-md-11 rob-col-sm-11 rob-col-xs-24">
                                <div class="rob-input-item qb-position-relative-g rob-form-group rob-input">
                                    <input class="qb-file-upload " type="file" name="">
                                    <!--<input type="text" class="rob-input" id="inputEmail3" placeholder="">-->
                                </div>
                            </div>
                            <span class="qb-form-group-buttonbox"><button class="rob-btn rob-btn-minor rob-btn-circle " type="button">从用户中选择</button></span>
                        </div>

                    </div>
                    <div class="rob-col-md-8 rob-col-sm-8 rob-col-xs-24 qb-pd0-g">
                        <div class="qb-upload-eg-g">
                            <div class="qb-info">
                                <div class="qb-info-g__title">示例：</div>
                                <div class="qb-info-g__img">
                                    <img src="../../../assets/images/document.png" alt="">
                                </div>

                            </div>
                        </div>

                        <div class="qb-upload-eg-g">
                            <div class="qb-info">
                                <div class="qb-info-g__title">示例：</div>
                                <div class="qb-info-g__img">
                                    <img src="../../../assets/images/face.png" alt="">
                                </div>
                            </div>
                            <lable class="lable-text font12 text-center mg-b20">
                                身份证正面
                            </lable>

                            <div class="qb-info">
                                <div class="qb-info-g__title">示例：</div>
                                <div class="qb-info-g__img">
                                    <img src="../../../assets/images/reverse.png" alt="">
                                </div>
                            </div>
                            <lable class="lable-text font12 text-center">
                                身份证反面
                            </lable>

                        </div>
                    </div>
                </div>
            </div>
        </div>

            <div class="rob-col-lg-24 text-center qb-from-bg-reg-g">
                <button type="button" class="rob-btn rob-btn-minor rob-btn-circle ">上一步</button>
                <button type="button" class="rob-btn rob-btn-danger rob-btn-circle ">下一步</button>
            </div>

    </form>
</div>

<!-- 尾部 -->
<div class="qb-footer-g qb-footer-g--hide">
    Copyright©2015 融数金服 辽ICP备15009643号 ▏客服电话：010-56793739 周一至周五：9:00-20:00
</div>
</body>
</html>